<template>
    <Menu
            mode="inline"
            theme="dark"
    >
        <template v-for="item in this.$store.state.userInfo.resTree">
            <Item v-if="!item.children" :key="item.id">
                <Icon type="pie-chart"/>
                <span>{{item.name}}</span>
            </Item>
            <SiderSubMenu v-else :dataa="item" :key="item.id"/>
        </template>
    </Menu>
</template>

<script>
    import {Menu, Icon} from 'ant-design-vue';
    import SiderSubMenu from './SiderSubMenu';

    const Item = Menu.Item;


    export default {
        components: {
            Menu,
            Item,
            SiderSubMenu,
            Icon
        }

    }
</script>

<style scoped>

</style>